<!DOCTYPE HTML>
<html>
<head>
<title>LOL网上商城</title>
<!-- Bootstrap -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="__ROOT__/public/static/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="__ROOT__/public/static/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="__ROOT__/public/static/css/prodList.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1">

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="__ROOT__/public/static/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="__ROOT__/public/static/js/jquery.min.js"></script>
<script type="text/javascript" src="__ROOT__/public/static/js/bootstrap.js"></script>
<script type="text/javascript" src="__ROOT__/public/static/js/bootstrap.min.js"></script>
<!-- start slider -->
<link href="__ROOT__/public/static/css/slider.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="__ROOT__/public/static/js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="__ROOT__/public/static/js/jquery.cslider.js"></script>
	<script type="text/javascript">
			$(function() {

				$('#da-slider').cslider({
					autoplay : true,
					bgincrement : 450
				});

			});
		</script>
<!-- Owl Carousel Assets -->
<link href="__ROOT__/public/static/css/owl.carousel.css" rel="stylesheet">
<script src="__ROOT__/public/static/js/owl.carousel.js"></script>
		<script>
			$(document).ready(function() {

				$("#owl-demo").owlCarousel({
					items : 4,
					lazyLoad : true,
					autoPlay : true,
					navigation : true,
					navigationText : ["", ""],
					rewindNav : false,
					scrollPerPage : false,
					pagination : false,
					paginationNumbers : false,
				});

			});
		</script>
		<!-- //Owl Carousel Assets -->
<!----font-Awesome----->
   	<link rel="stylesheet" href="__ROOT__/public/static/fonts/css/font-awesome.min.css">
<!----font-Awesome----->
</head>
{include  file="./public/common/top.html"/}
<div class="slider_bg"><!-- start slider -->
	<div class="container">
		<div id="da-slider" class="da-slider text-center">
			<div class="da-slide">
				<h2>英雄联盟网上商城</h2>
				<p>世界上最好的商城。<span class="hide_text">让你放松身心、让你生活愉快.</span></p>
				<h3 class="da-link"><a href="#" class="fa-btn btn-1 btn-1e">查看更多</a></h3>
			</div>
			<div class="da-slide">
				<h2>League of legends net Online mall</h2>
				<h3 class="da-link"><a href="#" class="fa-btn btn-1 btn-1e">view more</a></h3>
			</div>
	   </div>
	</div>
</div><!-- end slider -->
<center>
<div id="content">
		<div id="search_div">
			<form method='post' action="{:url('index/index')}">
				<span class="input_span">商品名：<input type='text' name='fname'/></span>
				<span class="input_span">商品种类：
				<select name='fclass'>
				<Option value=''>不限</option>
				{foreach $fclasses as $fclass}
					<option value="{$fclass.pclass}">{$fclass.pclass}</option>
				{/foreach}
				</select>
				商品价格区间：<input type='text' name='minprice' value='0'/> - <input type='text' name='maxprice'  value='1000'/>
				<input type='submit' value='查 询'>
			</form>
		</div>
	<div id="prod_content">
	{foreach $photos as $photo}
			<div class="prod_div">
				<a href="__ROOT__/index.php/index/showphoto/photodetail.html">
					<img src="__ROOT__/public/static/images/profile_photos/{$photo.picture}" border="0"/>
				</a>
				<div id="prod_name_div">{$photo.pname}</div>
				<div id="prod_price_div">￥{$photo.price}元</div>
				<div>
					<div id="gotocart_div">
						<a href="{:url('cart/addCart')}?photoID={$photo.photoID}">
							加入购物车
						</a>
					</div>					
					<div id="say_div">100人购买</div>					
				</div>
			</div>
	{/foreach}	
			<div style="clear: both"></div>

	
	</div>
</div>
</center>


<div class="footer_bg"><!-- start footer -->
	<div class="container">
		<div class="row  footer">
			<div class="copy text-center">
				<p class="link"><span>Copyright &copy; 2020.Company name All rights reserved.</span></p>
			</div>
		</div>
	</div>
</div>
</html>